<template>
	<view class="container">
		<u-sticky class="container__sticky">
			<sticky-drawprize :subsectionList="subsectionList" :drawprize="drawprize"></sticky-drawprize>
		
		</u-sticky>
		<view class="container__warpswiper__row__ul box pad" id="yxym" v-for="(item,inx) in list" :key="inx">
			<view class="heads" v-if="item.alias === 'AoMenLiuHeCai'">
				<u--image mode="widthFix" width="100%" height="100%" src="https://res.cloudinary.com/don15jt24/image/upload/v1708583541/amtu_sexar5.jpg"></u--image>
			</view>
			
			<!-- 『绿色链接推荐』 -->
			<LinkTuiJian :data-list="[]"></LinkTuiJian>
			
			<view v-for="(vl,vk) in item.list" :key="vk">
				<!-- 平特一肖. -->
				<PingTeYx v-if="vl.is_style === 1" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></PingTeYx>
				<!-- 澳门六合彩『精选』 -->
				<!-- <JingXuan v-else-if="vl.is_style === 2" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></JingXuan> -->
				<!-- 超稳八肖中特 -->
				<!-- <ChaoWenBxzt v-else-if="vl.is_style === 3" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></ChaoWenBxzt> -->
				
				<!-- 必中24码 -->
				<!-- <BiZhong24 v-else-if="vl.is_style === 4" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></BiZhong24> -->
				<!-- 四肖八码 -->
				<!-- <FourZodiacEightCode v-else-if="vl.is_style === 5" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></FourZodiacEightCode> -->
				<!-- 超准平特三中二 -->
				<!-- <threeInTwo v-else-if="vl.is_style === 7" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></threeInTwo> -->
				<!-- 绝杀三尾 -->
				<!-- <JueShaSanWei v-else-if="vl.is_style === 8" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></JueShaSanWei> -->
				<!-- 大赢家『金牌家野』 -->
				<!-- <DaYingJiaJinPai v-else-if="vl.is_style === 9" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></DaYingJiaJinPai> -->
				<!-- 春夏秋冬 -->
				<!-- <ChunXiaQiuDong v-else-if="vl.is_style === 10" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></ChunXiaQiuDong> -->
			
				<!-- 澳门彩霸王【单双四肖】包含所有一行的样式和排版 -->
				<CaiBaWangDanSuang4 v-else-if="vl.is_style === 11" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></CaiBaWangDanSuang4>
				
				<!-- 五肖五码 -->
				<!-- <Zodiac5 v-else-if="vl.is_style === 30" :data-list="vl" :leftIsShow="leftIsShow" :rightIsShow="rightIsShow" :webname="website.webname"></Zodiac5> -->
				
			</view>
			<CaiBaWangDanSuang4 :data-list="[]"></CaiBaWangDanSuang4>
			<!-- 『经典推荐』优秀站 -->
			<JingDianTuiJian :data-list="[]"></JingDianTuiJian>
			<!-- 黄色广告 -->
			<!-- <Advertise :data-list="[]"></Advertise> -->
			<!-- 2024生肖 -->
			<!-- <Animals :data-list="[]"></Animals> -->
			<!-- 必中特码诗. -->
			<!-- <TieSuanPtms :data-list="[]"></TieSuanPtms> -->
			<!-- 三期内必出生肖 -->
			<!-- <TieSuanPsqzx :data-list="[]"></TieSuanPsqzx> -->
			<!-- 友情推荐 -->
			<!-- <YouQingTuiJian :data-list="[]"></YouQingTuiJian> -->
			
			
			
			
			
			
			
			
			
			<!-- 铁算盘『5码复式』 -->
			<TieSuanP5mfs :data-list="[]"></TieSuanP5mfs>
			<!-- 单双笔肖 -->
			<!-- <CaiBaWangDanSuangBx :data-list="[]"></CaiBaWangDanSuangBx> -->
			<!-- 铁算盘『平特一尾』 -->
			<!-- <TieSuanPPingTeYw :data-list="[]"></TieSuanPPingTeYw> -->
			<!-- 铁算盘『必中波色』 -->
			<!-- <TieSuanPBiZbs :data-list="[]"></TieSuanPBiZbs> -->
			<!-- 『最准确的资料』 -->
			<ZhunQueZiLiao :data-list="[]"></ZhunQueZiLiao>
			<!-- 铁算盘『绝杀专区』 -->
			<TieSuanPJs :data-list="[]"></TieSuanPJs>
			<!-- 『单双各10码』 -->
			<DanShuang10m :data-list="[]"></DanShuang10m>
			
			<!-- 『灭庄五肖』 -->
			<!-- <MieZhuangWuXiao :data-list="[]"></MieZhuangWuXiao> -->
			
			<!-- 『一句解特码』 -->
			<JieTeMaShi :data-list="[]"></JieTeMaShi>
			
			<!-- 廣东会『填词爆特』 -->
			<GuangDongHuiTC :data-list="[]"></GuangDongHuiTC>
			
			<!-- 以下新增 -->
			    
			     
			     <!-- 单双笔肖 -->
			     <!-- <CaiBaWangDanSuangBx :data-list="[]"></CaiBaWangDanSuangBx> -->
			     <!-- 真言一句 -->
			     <ZhenYanYiJu :data-list="[]"></ZhenYanYiJu>
			     <!-- 聚彩堂【一肖一码】 -->
			     <JuCaiTangYiXiaoYm :data-list="[]"></JuCaiTangYiXiaoYm>
			     <!-- 春夏秋冬 -->
			     <ChunXiaQiuDong :data-list="[]"></ChunXiaQiuDong>
			     <!-- 澳门彩霸王【12码中特】 -->
			     <CaiBaWang12m :data-list="[]"></CaiBaWang12m>
			   
			     <!-- 正版五字真言 -->
			     <CaibaWangWuZiZy :data-list="[]"></CaibaWangWuZiZy>
			     <!-- 彩霸王【①波①头主十码】 -->
			     <CaiBaWang1b1t :data-list="[]"></CaiBaWang1b1t>
			     
		</view>
	</view>
</template>

<script>
	import {getLotteryList,getDrawprize,getConfig} from '@/api/lottery.js'
	import StickyDrawprize from './components/sticky-drawprize.vue';
	
	import Zodiac5 from './components/zodiac5-5.vue';
	import FourZodiacEightCode from './components/four-zodiac-eight-code.vue';
	import threeInTwo from './components/three-in-two.vue';
	
	
	import BiZhong24 from './components/bi-zhong-24-ma.vue';
	
	import PingTeYx from './components/ping-te-yi-xiao.vue';
	import ChaoWenBxzt from './components/chao-wen-ba-xiao-zhong-te.vue';
	import TieSuanPtms from './components/tie-suan-pan-te-ma-shi.vue';
	import TieSuanPsqzx from './components/tie-suan-pan-san-qi-zhong-xiao.vue';
	import JueShaSanWei from './components/jue-sha-san-wei.vue';
	
	import JingXuan from './components/jing-xuan.vue';
	import TieSuanP5mfs from './components/tie-suan-pan-5-ma-fu-shi.vue';
	import TieSuanPPingTeYw from './components/tie-suan-pan-ping-te-yi-wei.vue';
	import TieSuanPBiZbs from './components/tie-suan-pan-bi-zhong-bo-se.vue';
	import ZhunQueZiLiao from './components/zhun-que-zi-liao.vue';
	import TieSuanPJs from './components/tie-suan-pan-jue-sha.vue';
	import DanShuang10m from './components/dan-shuang-10-ma.vue';
	import JingDianTuiJian from './components/jing-dian-tui-jian.vue';
	import MieZhuangWuXiao from './components/mie-zhuang-wu-xiao.vue';
	import DaYingJiaJinPai from './components/da-ying-jia-jin-pai.vue';
	import JieTeMaShi from './components/jie-te-ma.vue';
	import LinkTuiJian from './components/lv-se-lian-jie-tui-jian.vue';
	import GuangDongHuiTC from './components/guang-dong-hui-tian-ci.vue';
	
	
	import Advertise from './components/advertisements.vue';
	 import Animals from './components/animals.vue';
	 import CaiBaWangDanSuangBx from './components/cai-ba-wang-dan-shuang-bi-xiao.vue';
	 import ZhenYanYiJu from './components/zhen-yan-yi-ju.vue';
	 import JuCaiTangYiXiaoYm from './components/ju-cai-tang-yi-xiao-yi-ma.vue';
	 import ChunXiaQiuDong from './components/chun-xia-qiu-dong.vue';
	 import CaiBaWang12m from './components/cai-ba-wang-12-ma-zhong-te.vue';
	 import CaiBaWangDanSuang4 from './components/cai-ba-wang-dan-shuang-4.vue';
	 import CaibaWangWuZiZy from './components/cai-ba-wang-wu-zi-zhen-yan.vue';
	 import CaiBaWang1b1t from './components/cai-ba-wang-1-bo-1-tou.vue';
	 import YouQingTuiJian from './components/youqingtuijian.vue';
	export default {
		components:{
			StickyDrawprize,
			Zodiac5,
			FourZodiacEightCode,
			threeInTwo,
			
			BiZhong24,
			
			PingTeYx,
			ChaoWenBxzt,
			TieSuanPtms,
			TieSuanPsqzx,
			JueShaSanWei,
		
			JingXuan,
			TieSuanP5mfs,
			TieSuanPPingTeYw,
			TieSuanPBiZbs,
			ZhunQueZiLiao,
			TieSuanPJs,
			DanShuang10m,
			JingDianTuiJian,
			MieZhuangWuXiao,
			DaYingJiaJinPai,
			JieTeMaShi,
			LinkTuiJian,
			GuangDongHuiTC,
			
			Advertise,
			   Animals,
			   CaiBaWangDanSuangBx,
			   ZhenYanYiJu,
			   JuCaiTangYiXiaoYm,
			   ChunXiaQiuDong,
			   CaiBaWang12m,
			   CaiBaWangDanSuang4,
			   CaibaWangWuZiZy,
			   CaiBaWang1b1t,
			   YouQingTuiJian,
		},
		data() {
			return {
				title:'瑞气盈门',
				drawprize:[],
				subsectionList:[],
				list:[],
				leftIsShow:true,
				rightIsShow:false,
				config:{},
				website:{}
			}
		},
		onLoad(){
			this.initConfig();
			this.getDrawprizeInfo();
			this.lotteryList();
		},
		methods: {
			getDrawprizeInfo(){
				getDrawprize().then(res=>{
					if(res.code === 200) {
						this.drawprize = res.data.list;
						this.subsectionList = [];
						this.drawprize.forEach(item=>{
							this.subsectionList.push(item.title);
						});
					}else{
						uni.$u.toast(res.message);
					}
				})
			},
			lotteryList(){
				var map = {
				}
				getLotteryList(map).then(res=>{
					if(res.code === 200) {
						this.list = res.data.list;
					}else{
						uni.$u.toast(res.message);
					}
				})
			},
			initConfig(){
				getConfig().then(res=>{
					if(res.code === 200) {
						this.config = res.data.config;
						this.website = res.data.website;
						
					}else{
						uni.$u.toast(res.message);
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '../index/components/common.css';
	/* #ifndef APP-PLUS */
	page {
	  width: 100%;
	  min-height: 100%;
	  display: flex;
	}
	/* #endif */
	.container{
		display: flex;
		flex: 1;
		flex-direction: column;
		// overflow: hidden;
		background-color: #ffffff;
		/* #ifdef MP-ALIPAY || MP-BAIDU */
		height: 100vh;
		/* #endif */
		margin: 10rpx;
		&__sticky{
			background-color: #ffffff;
			border-bottom: 1px solid #C0C0C0;
			margin-bottom: 10rpx;
			border-bottom-left-radius: 20rpx; /*左上角*/
			border-bottom-right-radius: 20rpx; /*右上角*/
		}
	}
</style>
